@extends('adminlte::page')

@section('title', __('general_content.products_trans_key'))

@section('content_header')
  <x-Content-header-previous-button  h1="{{ $Product->label }}" previous="{{ $previousUrl }}" list="{{ route('products') }}" next="{{ $nextUrl }}"/>
@stop

@section('content')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


<div class="card">
  <div class="card-header p-2">
    <ul class="nav nav-pills">
      <li class="nav-item"><a class="nav-link active" href="#Product" data-toggle="tab">{{ __('general_content.product_info_trans_key') }}</a></li>
      <li class="nav-item"><a class="nav-link" href="#TechnicalInfo" data-toggle="tab">{{ __('general_content.tech_bom_trans_key') }} {{ $Product->getTaskCountAttribute() }}</a></li>
      <li class="nav-item"><a class="nav-link" href="#quote" data-toggle="tab">{{ __('general_content.quotes_list_trans_key') }}</a></li>
      <li class="nav-item"><a class="nav-link" href="#order" data-toggle="tab">{{ __('general_content.orders_list_trans_key') }}</a></li>
      <li class="nav-item"><a class="nav-link" href="#viewer" data-toggle="tab">viewer</a></li>

      
    </ul>
  </div>
  <!-- /.card-header -->
  <div class="card-body">
    <div class="tab-content">
      <div class="tab-pane active" id="Product">
        <div class="row">
          <div class="col-md-9">
            @include('include.alert-result')
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">{{ __('general_content.informations_trans_key') }}</h3>
              </div>
              <form method="POST" action="{{ route('products.update', ['id' => $Product->id]) }}" enctype="multipart/form-data">
                @csrf
                  <div class="card card-body">
                    <div class="row">
                        <div class="col-4">
                          <div class="text-muted">
                            <label for="label">{{ __('general_content.external_id_trans_key') }}</label>
                              <b class="d-block">{{ $Product->code }}</b>
                            </p>
                          </div>
                        </div>
                        <div class="col-4">
                            <label for="label">{{ __('general_content.description_trans_key') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-tags"></i></span>
                                </div>
                                <input type="text" class="form-control" value="{{ $Product->label }}" name="label"  id="label" placeholder="{{ __('general_content.description_trans_key') }}">
                            </div>
                        </div>
                        <div class="col-4">
                            <label for="ind">{{ __('general_content.index_trans_key') }}</label>
                            <input type="text" class="form-control" value="{{ $Product->ind }}"   name="ind"  id="ind" placeholder="{{ __('general_content.index_trans_key') }}">
                        </div>
                    </div>
                  </div>
                  <div class="card card-body">
                    <div class="row">
                        <div class="col-4">
                            <label for="methods_services_id">{{ __('general_content.service_trans_key') }}</label> 
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-list"></i></span>
                                </div>
                                <select class="form-control" name="methods_services_id" id="methods_services_id">
                                    <option value="">{{ __('general_content.select_service_trans_key') }}</option>
                                    @forelse ($ServicesSelect as $item)
                                    <option value="{{ $item->id }}" @if($Product->methods_services_id == $item->id ) Selected @endif  >{{ $item->label }}</option>
                                    @empty
                                        <option value="">{{ __('general_content.no_service_trans_key') }}</option>
                                    @endforelse
                                </select>
                            </div>
                        </div>
                        <div class="col-4">
                            <label for="methods_families_id">{{ __('general_content.select_family_trans_key') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-grip-horizontal"></i></span>
                                </div>
                                <select class="form-control" name="methods_families_id" id="methods_families_id">
                                    <option value="">{{ __('general_content.family_trans_key') }}</option>
                                    @forelse ($FamiliesSelect as $item)
                                    <option value="{{ $item->id }}" @if($Product->methods_families_id == $item->id ) Selected @endif >{{ $item->label }}</option>
                                    @empty
                                        <option value="">{{ __('general_content.no_family_trans_key') }}</option>
                                    @endforelse
                                </select>
                            </div>
                        </div>
                        <div class="col-4">
                            <label for="methods_units_id">{{ __('general_content.unit_trans_key') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-ruler"></i></span>
                                </div>
                                <select class="form-control" name="methods_units_id" id="methods_units_id">
                                    <option value="">{{ __('general_content.select_unit_trans_key') }}</option>
                                    @forelse ($UnitsSelect as $item)
                                    <option value="{{ $item->id }}" @if($Product->methods_units_id == $item->id ) Selected @endif>{{ $item->label }}</option>
                                    @empty
                                        <option value="">{{ __('general_content.no_unit_trans_key') }}</option>
                                    @endforelse
                                </select>
                            </div>
                        </div>
                    </div>
                  </div>
                  <div class="card card-body">
                    <div class="row">
                        <div class="col-4">
                            <label for="purchased">{{ __('general_content.purchased_trans_key') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-exclamation"></i></span>
                                </div>
                                <select class="form-control" name="purchased" id="purchased">
                                    <option value="">{{ __('general_content.select_statu_trans_key') }}</option>
                                    <option value="2" @if($Product->purchased == 2 ) Selected @endif>{{ __('general_content.no_trans_key') }}</option>
                                    <option value="1" @if($Product->purchased == 1 ) Selected @endif>{{ __('general_content.yes_trans_key') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-4">
                            <label for="sold">{{ __('general_content.sold_trans_key') }}</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-exclamation"></i></span>
                                </div>
                                <select class="form-control" name="sold" id="sold">
                                    <option value="">{{ __('general_content.select_statu_trans_key') }}</option>
                                    <option value="2" @if($Product->sold == 2 ) Selected @endif>{{ __('general_content.no_trans_key') }}</option>
                                    <option value="1" @if($Product->sold == 1 ) Selected @endif>{{ __('general_content.yes_trans_key') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-4">
                            <label for="tracability_type">{{ __('general_content.tracability_trans_key') }}</label>
                            <select class="form-control" name="tracability_type" id="tracability_type">
                                <option value="">{{ __('general_content.select_type_trans_key') }}</option>
                                <option value="1" @if($Product->tracability_type == 1 ) Selected @endif>{{ __('general_content.no_traceability_trans_key') }}</option>
                                <option value="2" @if($Product->tracability_type == 2 ) Selected @endif>{{ __('general_content.with_batch_number_trans_key') }}</option>
                                <option value="3" @if($Product->tracability_type == 3 ) Selected @endif>{{ __('general_content.with_serial_number_trans_key') }}</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-4">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">{{ $Factory->curency }}</span>
                                </div>
                                <input type="number" class="form-control" value="{{ $Product->purchased_price }}"  name="purchased_price" id="purchased_price" placeholder="{{ __('general_content.purchased_price_trans_key') }}" step=".001">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">{{ $Factory->curency }}</span>
                                </div>
                                <input type="number" class="form-control"  value="{{ $Product->selling_price }}" name="selling_price" id="selling_price" placeholder="{{ __('general_content.price_trans_key') }}" step=".001">
                            </div>
                        </div>
                    </div>
                  </div>
                  <div class="card card-body">
                    <div class="row">
                        <label for="material">{{ __('general_content.proprieties_trans_key') }}</label>
                    </div>
                    <div class="row">
                        <div class="col-4">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fab fa-mdb"></i></span>
                                </div>
                                <input type="text" class="form-control" value="{{ $Product->material }}" name="material" id="material"  placeholder="{{ __('general_content.material_trans_key') }}">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-ruler-vertical"></i></span>
                                </div>
                                <input type="number" class="form-control" value="{{ $Product->thickness }}" name="thickness" id="thickness"  placeholder="{{ __('general_content.thickness_trans_key') }}" step=".001">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-weight-hanging"></i></span>
                                </div>
                                <input type="number" class="form-control" value="{{ $Product->weight }}" name="weight" id="weight"  placeholder="{{ __('general_content.weight_trans_key') }}" step=".001">
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-4">
                            <label for="x_size">X</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-ruler-combined"></i></span>
                                </div>
                                <input type="number" class="form-control" value="{{ $Product->x_size }}" name="x_size" id="x_size"  placeholder="{{ __('general_content.x_size_trans_key') }}" step=".001">
                            </div>
                        </div>
                        <div class="col-4">
                            <label for="y_size">Y</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-ruler-combined"></i></span>
                                </div>
                                <input type="number" class="form-control" value="{{ $Product->y_size }}"  name="y_size" id="y_size"  placeholder="{{ __('general_content.y_size_trans_key') }}" step=".001">
                            </div>
                        </div>
                        <div class="col-4">
                            <label for="z_size">Z</label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text"><i class="fas fa-ruler-combined"></i></span>
                                </div>
                                <input type="number" class="form-control" value="{{ $Product->z_size }}" name="z_size" id="z_size"  placeholder="{{ __('general_content.z_size_trans_key') }}" step=".001">
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-4">
                          <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fas fa-ruler-combined"></i></span>
                            </div>
                            <input type="number" class="form-control"  value="{{ $Product->x_oversize }}" name="x_oversize" id="x_oversize"  placeholder="{{ __('general_content.x_oversize_trans_key') }}" step=".001">
                        </div></div>
                        <div class="col-4">
                          <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fas fa-ruler-combined"></i></span>
                            </div>
                            <input type="number" class="form-control" value="{{ $Product->y_oversize }}" name="y_oversize" id="y_oversize"  placeholder="{{ __('general_content.y_oversize_trans_key') }}" step=".001">
                        </div></div>
                        <div class="col-4">
                          <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fas fa-ruler-combined"></i></span>
                            </div>
                            <input type="number" class="form-control" value="{{ $Product->z_oversize }}" name="z_oversize" id="z_oversize"  placeholder="{{ __('general_content.z_oversize_trans_key') }}" step=".001">
                        </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-4">
                          <input type="number" class="form-control" value="{{ $Product->diameter }}" name="diameter" id="diameter"  placeholder="{{ __('general_content.diameter_trans_key') }}" step=".001">
                        </div>
                        <div class="col-4">
                          <input type="number" class="form-control" value="{{ $Product->diameter_oversize }}" name="diameter_oversize" id="diameter_oversize"  placeholder="{{ __('general_content.diameter_oversize_trans_key') }}" step=".001">
                        </div>
                        <div class="col-4">
                          <input type="number" class="form-control" value="{{ $Product->section_size }}" name="section_size" id="section_size" placeholder="Section size" step=".001">
                        </div>
                    </div>
                  </div>
                  <div class="card card-body">
                    <div class="row">
                        <label for="qty_eco_min">{{ __('general_content.other_information_trans_key') }}</label>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-4">
                          <input type="number" class="form-control" value="{{ $Product->qty_eco_min }}" name="qty_eco_min" id="qty_eco_min" placeholder="Qty eco min" step=".001">
                        </div>
                        <div class="col-4">
                          <input type="number" class="form-control" value="{{ $Product->qty_eco_max }}" name="qty_eco_max" id="qty_eco_max" placeholder="Qty eco max" step=".001">
                        </div>
                        <div class="col-4"></div>
                    </div>
                    <hr>
                    <div class="card card-body">
                      <div class="row">
                        <x-FormTextareaComment  comment="{{ $Product->comment }}" />
                      </div>
                    </div>
                  </div>
                  <div class="card-footer">
                    <x-adminlte-button class="btn-flat" type="submit" label="{{ __('general_content.update_trans_key') }}" theme="info" icon="fas fa-lg fa-save"/>
                  </div>
                </form>
              </div>
            </div>
            <div class="col-md-3">
              <div class="card card-secondary">
                <div class="card-header">
                  <h3 class="card-title">{{ __('general_content.informations_trans_key') }}</h3>
                </div>
                <div class="card-body">
                  <p class="text-muted">{{ __('general_content.external_id_trans_key') }} : {{ $Product->code }} </p>
                  <div class="row"> 
                    <div class="col-12 col-sm-4">
                      <div class="text-muted">
                      <p class="text-sm">{{ __('general_content.unit_trans_key') }}
                        <b class="d-block">{{ $Product->Unit['label'] }}</b>
                      </p>
                      </div>
                    </div>
                  <!-- /.div row -->
                  </div>
                  @if($Product->sold == 1 )
                  <hr>
                  <div class="row"> 
                    <div class="col-12 col-sm-4">
                      <div class="text-muted">
                      <p class="text-sm">{{ __('general_content.price_trans_key') }}
                        <b class="d-block">{{ $Product->selling_price }} {{ $Factory->curency }}</b>
                      </p>
                      </div>
                    </div>
                  <!-- /.div row -->
                  </div>
                  @endif
                  @if($Product->purchased == 1 )
                  <hr>
                  <div class="row">
                    <div class="col-12 col-sm-4">
                      <div class="text-muted">
                      <p class="text-sm">{{ __('general_content.purchased_price_trans_key') }}
                        <b class="d-block">{{ $Product->purchased_price }} {{ $Factory->curency }}</b>
                      </p>
                      </div>
                    </div>
                  <!-- /.div row -->
                  </div>
                  @endif
                  @if($Product->qty_eco_min)
                  <hr>
                  <div class="row">
                    <div class="col-12 col-sm-4">
                      <div class="text-muted">
                      <p class="text-sm">{{ __('general_content.quantite_eco_min_trans_key') }}
                        <b class="d-block">{{ $Product->qty_eco_min }}</b>
                      </p>
                      </div>
                    </div>
                  <!-- /.div row -->
                  </div>
                  @endif
                  @if($Product->qty_eco_max)
                  <hr>
                  <div class="row">
                    <div class="col-12 col-sm-4">
                      <div class="text-muted">
                      <p class="text-sm">{{ __('general_content.quantite_eco_max_trans_key') }}
                        <b class="d-block">{{ $Product->qty_eco_max }}</b>
                      </p>
                      </div>
                    </div>
                  <!-- /.div row -->
                  </div>
                  @endif
                </div>
              </div>
              <div class="card card-info">
                <div class="card-header">
                  <h3 class="card-title">{{ __('general_content.picture_file_trans_key') }}</h3>
                </div>
                <div class="card-body">
                  @if($Product->picture)
                      <img src="{{ asset('/images/products/'. $Product->picture) }}" alt="Product Image">
                  @endif
                  <form action="{{ route('products.update.image') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <label for="picture">{{ __('general_content.picture_file_trans_key') }}</label> (peg,png,jpg,gif,svg | max: 10 240 Ko)
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="far fa-image"></i></span>
                        </div>
                        <div class="custom-file">
                            <input type="hidden" name="id" value="{{ $Product->id }}">
                            <input type="file" class="custom-file-input" name="picture" id="picture">
                            <label class="custom-file-label" for="picture">{{ __('general_content.choose_file_trans_key') }}</label>
                        </div>
                        <div class="input-group-append">
                            <button type="submit" class="btn btn-success">{{ __('general_content.upload_trans_key') }}</button>
                        </div>
                    </div>
                  </form>
                </div>
              </div>
              <div class="card card-info">
                <div class="card-header">
                  <h3 class="card-title">{{ __('general_content.stl_file_trans_key') }}</h3>
                </div>
                <div class="card-body">
                  <form action="{{ route('products.update.stl') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    <label for="chooseFile">{{ __('general_content.stl_file_trans_key') }}</label> (.stl | max: 10 240 Ko)
                    
                    <div class="input-group">
                      <div class="input-group-prepend">
                        <span class="input-group-text"><i class="far fa-file"></i></span>
                      </div>
                      <div class="custom-file">
                        <input type="hidden" name="id" value="{{ $Product->id }}" >
                        <input type="file" name="stl" class="custom-file-input" id="stl">
                        <label class="custom-file-label" for="stl">{{ __('general_content.choose_file_trans_key') }}</label>
                      </div>
                      <div class="input-group-append">
                        <button type="submit" name="submit" class="btn btn-success">{{ __('general_content.upload_trans_key') }}</button>
                      </div>
                    </div>
                </form>
                </div>
              </div>
              <div class="card card-info">
                <div class="card-header">
                  <h3 class="card-title"> {{ __('general_content.documents_trans_key') }} </h3>
                </div>
                  <div class="card-body">
                      <form action="{{ route('file.store') }}" method="post" enctype="multipart/form-data">
                          @csrf
                          <div class="input-group">
                            <div class="input-group-prepend">
                              <span class="input-group-text"><i class="far fa-file"></i></span>
                            </div>
                            <div class="custom-file">
                              <input type="hidden" name="product_id" value="{{ $Product->id }}" >
                              <input type="file" name="file" class="custom-file-input" id="chooseFile">
                              <label class="custom-file-label" for="chooseFile">{{ __('general_content.choose_file_trans_key') }}</label>
                            </div>
                            <div class="input-group-append">
                              <button type="submit" name="submit" class="btn btn-success">{{ __('general_content.upload_trans_key') }}</button>
                            </div>
                          </div>
                      </form>
                      <h5 class="mt-5 text-muted">{{ __('general_content.attached_file_trans_key') }} </h5>
                      <ul class="list-unstyled">
                        @forelse ( $Product->files as $file)
                        <li>
                          <a href="{{ asset('/file/'. $file->name) }}" download="{{ $file->original_file_name }}" class="btn-link text-secondary">{{ $file->original_file_name }} -  <small>{{ $file->GetPrettySize() }}</small></a>
                        </li>
                        @empty
                          {{ __('general_content.no_data_trans_key') }}
                        @endforelse
                      </ul>
                </div>
              </div>
              <div class="card card-warning">
                <div class="card-header">
                  <h3 class="card-title">{{ __('general_content.options_trans_key') }}</h3>
                </div>
                <div class="card-body">
                  <a href="{{ route('products.duplicate', ['id' => $Product->id])}}" class="btn btn-default"><i class="fa fa-copy"></i> {{ __('general_content.duplicate_product_trans_key') }}</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      <div class="tab-pane " id="TechnicalInfo">
        @livewire('task-manage', ['idType' => 'products_id', 'idPage' => $Product->id, 'idLine' => $Product->id, 'statu' => 1]) 
      </div>
      <div class="tab-pane" id="quote">
        @livewire('quotes-lines-index' , ['product_id' => $Product->id ])
      </div>
      <div class="tab-pane" id="order">
        @livewire('orders-lines-index' , ['product_id' => $Product->id ])
      </div>
      <div class="tab-pane" id="viewer">
                
        <script type="importmap">
          {
              "imports": {
                  "three": "{{ asset('js/three.module.js') }}",
                  "stl-loader": "{{ asset('js/STLLoader.js') }}",
                  "orbit-controls": "{{ asset('js/OrbitControls.js') }}"
              }
          }
      </script>

      <!-- La div où sera affiché le rendu Three.js -->
      <div id="scene-container" style="width: 100%;  overflow: hidden;"></div>

        <script type="module">
          // Récupérer l'élément conteneur par son ID
          const container = document.getElementById('scene-container');

          // Ajouter un gestionnaire d'événements pour redimensionner la fenêtre
          window.addEventListener( 'resize', onWindowResize );

          // Importation des modules ES6
          import * as THREE from '{{ asset('js/three.module.js') }}';
          import { STLLoader } from '{{ asset('js/STLLoader.js') }}';
          import { OrbitControls  } from '{{ asset('js/OrbitControls.js') }}';

          // Récupérer l'ID du produit à partir de Blade
          const productStlFile = '{{ $Product->stl_file }}';
          // Charger le modèle 3D en utilisant l'ID du produit
          const modelUrl = `{{ asset('stl/') }}/${productStlFile}`;
          // Créer une scène Three.js
          const scene = new THREE.Scene();
          // Définir la couleur de fond de la scène (par exemple, un fond gris foncé)
          scene.background = new THREE.Color(0x333333);
          // Créer une caméra
          const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
          //ajouter un éclairage ambiant 
          const directionalLight = new THREE.DirectionalLight(0xFFFFFF, 0.3); // Couleur blanche, intensité 0.5
          directionalLight.position.set(1, 1, 1).normalize(); // Position de la lumière
          directionalLight.shadow.bias = -0.01;
          scene.add(directionalLight);

           // Créer un rendu
          const renderer = new THREE.WebGLRenderer();
          renderer.setSize( window.innerWidth, window.innerHeight );
          document.body.appendChild( renderer.domElement );

          // Créez un contrôle d'orbite
          const controls = new OrbitControls(camera, renderer.domElement);
				  controls.listenToKeyEvents( window ); // optional
          controls.enableDamping = true; // an animation loop is required when either damping or auto-rotation are enabled
          controls.dampingFactor = 0.05;
          controls.screenSpacePanning = false;
          controls.minDistance = 50;
          controls.maxDistance = 500;

          function animate() {
            requestAnimationFrame( animate );

            // Mettez à jour les contrôles
            controls.update(); // only required if controls.enableDamping = true, or if controls.autoRotate = true

            renderer.render( scene, camera );
          };

          const loadObject = () => {
              const loader = new STLLoader();
              let group, mesh; 
              // Créer un chargeur STL
              loader.load(modelUrl, function (geometry) {
                  group = new THREE.Group()
                  scene.add(group)

                  const material = new THREE.MeshPhongMaterial({ color: 0xFFF2CC, specular: 0xffffff , shininess: 50 })
                  mesh = new THREE.Mesh(geometry, material)
                  mesh.position.set(0, 0, 5); // Placez la caméra à une position appropriée
                  mesh.lookAt(mesh.position); // Orientez la caméra vers le modèle
                  mesh.scale.set(1, 1, 1)
                  mesh.castShadow = true
                  mesh.receiveShadow = true

                  geometry.center()
                  group.add(mesh)
              })
          }

          function onWindowResize() {

            camera.aspect = window.innerWidth / window.innerHeight;
            camera.updateProjectionMatrix();

            renderer.setSize( window.innerWidth, window.innerHeight );

            }

          // Ajouter le rendu à l'élément conteneur
          container.appendChild(renderer.domElement);

          animate();

          loadObject(); // Chargez votre objet STL
        </script>

      </div>
    </div>
  </div>
</div>
@stop

@section('css')
@stop

@section('js')
@stop